    <!DOCTYPE html>    
    <html>
    <head>
        <meta charset="utf-8">    
        <title>ForeHead</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no">    
        <script src="/Public/js/jquery.min.js"></script> 
        <script src="/Public/js/bootstrap.min.js"></script> 
        
        <link rel="stylesheet" type="text/css" href="/Public/css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="/Public/css/base.css">
        <link rel="stylesheet" type="text/css" href="/Public/css/base_style.css">     
        <style type="text/css">
        /*input{
            padding: 0;
        }*/
        .container{
            padding: 0 !important;
            width: 100%;
            height: 50px;
        }
        .navbar img{
            margin-top: 10px;
            width: 40%;
            height: 40%;
        }
        .container-btn{
            float: left;
            width: 33.3%;
            height: 100%;
            font-size: 11px;
            font-weight: bold;
            text-align: center;
            line-height: 20px;
            color: #a4a6a8;
        }
        .container-btn-checked{
           color:#34d098;
        }
            .star{
                float: right;
                margin: 5px 5px 0 0;
            }
            .glyphicon{
                font-size: 20px;
                color: red;
            }
            .content{
                position: absolute;
                left: 0;
                right: 0;
                top:0;
                text-align: center;
                padding-bottom: 49px !important;
                color:#8D949A;
                overflow-x:hidden;
                overflow-y:auto;
            }
            .content .name{
                font-size: 30px;
                font-weight: bolder;
                padding-top: 50px;
                padding-bottom: 30px;
            }
            .usePeople-title{
                width: 90%;
                text-align: left;
                margin: 0 auto;
                margin-top: 10px;
            }
            .usePeople-btn div{
                width: 90%;
                height: 40px;
                margin: 3px auto;
                border: 1px solid gray;
                line-height: 40px;
                background-color: white;
            }
            .usePeople-btn input{
                width: 90%;
                height: 40px;
                margin: 3px auto;
                border: 1px solid gray;
                line-height: 40px;
                background-color: white;
            }
            .usePeople-cacel{
                width: 120px;
                height: 40px;
                float: left;
                margin: 40px 0 30px 20px;
                border-radius: 2px;
                background-color: #74E2BB;
                border-color: #74E2BB;
                color: white;
            }
            .usePeople-save{
                width: 120px;
                height: 40px;
                float: right;
                margin: 40px 20px 30px 0;
                border-radius: 2px;
                background-color: #34D098;
                border-color: #34D098;
                color: white;
            }
            .empty{
                height: 100px;
            }
            ..common-style-select{
                text-align: left !important;
                padding-left: 0;
                margin-left: 0;
            }
            .tagsinput-primary{
                text-align: left !important;
                width: 90%;
                margin: 0 auto;
            }
            .jobDuty{
                position: absolute;
                width: 0px !important;
                height: 0px !important;
                padding: 0;
                margin: 0;
                border: 0;
            }
            .last-title{
                font-size: 20px;
                width: 100%;
                padding-top: 40%;
                margin: 0 auto;
                text-align: center;
                color: #34d098;
                font-weight: bolder;
            }
            .last-text{
                width: 70%;
                margin: 0 auto;
                margin-top: 15px;
                border-radius: 5px;
               /* background-color: white;*/
                font-size: 12px;
                text-align: center;
                font-weight: bolder;
                color: #7C8083;
            }
            .last-text div{
                margin-top: 5px;
            }
            .num-show{
                width: 80%;
                margin: 0 auto;
                font-size: 30px;
                color: #f67865;
                font-weight: bolder;
            }
            .last-go{
                font-size: 16px;
                width: 80%;
                height: 40px;
                margin: 20px auto;
                text-align: center;
                background-color: #34d098;
                border-radius: 2px;
                line-height: 40px;
                color: white;
            }
            a{
                color: white !important;
            }
            .reward-money{
                display: block;
                width: 80%;
                height: 35px;
                margin: 15px auto;
                border:1px solid #34d098;
                color:#D9DCDF;
                text-align: center;
            }
            .sel-list .sel-item{
                color:black !important;
            }
            .sel-title{
                color:white !important;
            }
            .tagsinput-primary{
                border: 1px solid #f4f4f4 !important;
                padding: 10px;
            }
            .glyphicon-plus{
                top:0 !important;
                right: 0 !important;
                padding-left: 3px;
            }
            .glyphicon-remove{
                top:3px !important;
                right: 0 !important;
                font-size: 14px;
                padding-left: 3px; 
            }
            .btn1 .glyphicon-plus{
                color: #11beb8;
                padding-left: 0;
            }
            .btn-default{
                padding-right: 5px!important
            }
            .form-group input, .form-control{
                border: 1px solid #ccc !important;
            }
            /*.black .sel-tit{
                text-align: center;
                line-height: 42px;
                color: white !important;
                font-size: 15px;
            }
            .sel-tit span{
                line-height: 42px;
            }*/
            .last{
                position: absolute;
                top:100%;
                width: 100%;
                height: 40px;
                background-color: #11beb8;
                text-align: center;
                color: white;
                line-height: 40px;
                z-index: 2;
                margin: 0;
                padding: 0;
            }
            .input-group-btn .btn-default{
                width: 80px;
                height: 40px;
            }
            .tagInfo{
                border: 0;
                
            }
            .next-title{
                margin-left:10px !important;
            }
            #tagInfo{
                padding: 0 !important;
            }
            .add{
                margin-left:10px !important;
            }
            .btn-group{
                margin-left:10px;
            }
            .tag-box, .fit-box{
                min-height: 80px;
            }

            input{
                font-size: 12px !important;

            }
            .recommend-tip{
                width: 100%;
                padding: 10px;
                background-color: white;
                font-size: 15px;
                text-align: left;
                color: black;
            }
        </style>
    </head>
    <body>
        <form action="usePeoplePost" method="post">
            <div class="content userPeople">
                <!-- <div class="usePeople">
                    <div class="usePeople-title">职位信息</div>
                    <div class="usePeople-btn">
                    <input type="text"  value="" name="company" placeholder="所属公司">    
                    <input type="text" value="" name="jobName" placeholder="职位名称">    
                    <input type="text"  value="" name="jobPlace" placeholder="工作地点">    
                    <input type="text"  value="" name="PayScope" placeholder="年薪范围">    
                    <input type="text" value="" name="needNum" placeholder="招聘人数"></div>
            </div> -->

            <div class="recommend">
                <div class="recommend-tip">
                    别担心，1分钟就能填完。完善你的个人信息后更快！
                </div>
                <div class="recommend-title ">职位信息</div>

                <div class="recommend-content baseInfo">
                    <div class="recommend-name">所属公司</div>
                    <input type="text"  class="recommend-btn" name="company" placeholder="请输入公司名称">
                    <div class="recommend-name">职位名称</div>
                    <input type="text"  class="recommend-btn" name="jobName" placeholder="请输入职位名称">
                    <div class="recommend-name">工作地点</div>
                    <input type="text" id="formgroup10"  class="recommend-btn" name="jobPlace" placeholder="请输入工作地点">

                    <div class="recommend-name">年薪范围</div>
                   <!--  <input type="text"  class="recommend-btn" name="payScope" placeholder="请输入职位名称"> -->

                    <div class="row line－row">
                        <div class="line-col">
                            <div class="form-group form-group-11" id="formgroup11">
                                <div class="custom-dropdown">
                                    <input class="common-style-select" id="select11" value="" name="payScope" readonly="" style="border-color: rgb(17, 190, 184);" placeholder="请选择年薪范围"></div>
                            </div>
                        </div>
                    </div>

                    <div class="recommend-name">招聘人数</div>
                    <!-- <input type="text"  class="recommend-btn" name="needNum" placeholder="请输入工作地点"> -->
                        <div class="row line－row">
                            <div class="line-col">
                                <div class="form-group form-group-12" id="formgroup12">
                                    <div class="custom-dropdown">
                                        <input class="common-style-select" id="select12" value="" name="needNum" readonly="" style="border-color: rgb(17, 190, 184);" placeholder="请选择招聘人数"></div>
                                </div>
                            </div>
                        </div>
                </div>
            </div>

            <!-- <div class="usePeople">
                <div class="usePeople-title">职位要求</div>
                <div class="usePeople-btn">
                <input type="text"  value="" name="companyDetail" placeholder="公司简介">    
                <input type="text" value="" name="experienceAsk" placeholder="经验要求">    
                <input type="text"  value="" name="eduAsk" placeholder="学历要求">    
                <input type="text"  value="" name="jobType" placeholder="任职类型">    
                <input type="text" value="" name="jobDuty" placeholder="岗位职责"></div>
        </div> -->

             <div class="recommend">
                <div class="recommend-title ">职位要求</div>

                <div class="recommend-content baseInfo">

                    <div class="recommend-name">学历要求</div>
                    <!-- <input type="text"  class="recommend-btn" name="eduAsk" placeholder="请输入职位名称"> -->
                        <div class="row line－row">
                            <div class="line-col">
                                <div class="form-group form-group-13" id="formgroup13">
                                    <div class="custom-dropdown">
                                        <input class=".common-style-select" id="select13" value="" name="eduAsk" readonly="" style="border-color: rgb(17, 190, 184);" placeholder="请选择学历要求"></div>
                                </div>
                            </div>
                        </div>

                    <div class="recommend-name">经验要求</div>
                    <!-- <input type="text"  class="recommend-btn" name="experienceAsk" placeholder="请输入工作地点"> -->
                        <div class="row line－row">
                            <div class="line-col">
                                <div class="form-group form-group-14" id="formgroup14">
                                    <div class="custom-dropdown">
                                        <input class=".common-style-select" id="select14" value="" name="experienceAsk" readonly="" style="border-color: rgb(229, 229, 229);"placeholder="请选择经验要求"></div>
                                </div>
                            </div>
                        </div>
                    <div class="recommend-name">任职类型</div>
                   <!--  <input type="text"  class="recommend-btn" name="jobType" placeholder="请输入职位名称"> -->
                        <div class="row line－row">
                             <div class="line-col">
                                 <div class="form-group form-group-15" id="formgroup15">
                                     <div class="custom-dropdown">
                                         <input class=".common-style-select" id="select15" value="" name="jobType" readonly="" placeholder="请选择任职类型"></div>
                                 </div>
                             </div>
                         </div>
                    <div class="recommend-name">职位描述(
                    最多添加8个标签)</div>
                    <input type="text"  class="jobDuty" name="jobDuty" placeholder="请选择工作地点">
                        <div class="form-group form-group-16" id="formgroup16">
                             <div class="tagsinput-primary" id="select16" style="border-color: rgb(17, 190, 184);">
                                 <span style=" color: #bbbbbb;">请选择职位描述标签</span>
                             </div>
                         </div>

                    <!-- <div class="recommend-name">学历要求</div>
                    <div class="recommend-btn">
                            请选择
                            <img src="img/下拉箭头.svg"></div>

                    <div class="recommend-name">经验要求</div>
                    <div class="recommend-btn">
                            请选择
                            <img src="img/下拉箭头.svg"></div>
                            <div class="recommend-name">任职类型</div>
                    <div class="recommend-btn">
                            请选择
                            <img src="img/下拉箭头.svg"></div>

                    <div class="recommend-name">职位描述(
                    最多添加6个标签)</div>
                    <div class="recommend-btn">
                            请选择
                            <img src="img/下拉箭头.svg"></div> -->
                </div>
            </div>

            <div class="recommend">
                <div class="recommend-title ">公司简介</div>

                <div class="recommend-content baseInfo">
                    <textarea class="recommend-btn" type="text" placeholder="请告诉推荐人为什么你的公司值得加入？" name="companyDetail"></textarea>
                </div>
            </div>

        <!-- <div class="usePeople-cacel">取消</div>

    <div class="usePeople-save">保存</div>
    -->
    <button type="button" id="usePeople-cacel" data-complete-text="取消成功!" class="btn btn-primary usePeople-cacel" autocomplete="off">取消</button>

    <button type="button" id="usePeople-save" data-complete-text="保存成功!" class="btn btn-primary usePeople-save" autocomplete="off">下一步</button>

    <!--  <div class="ui-poptips ui-poptips-success" style="display:none">    
    <div class="ui-poptips-cnt"> <i></i>
        保存成功
    </div>
    </div>
    -->
    <div class="empty"></div>
    <nav class="navbar navbar-default navbar-fixed-bottom">
            <div class="container">
                <div class="container-btn " data-navbar = "index">
                    <img src="/Public/img/我要推荐.svg">
                    <div>我要推荐</div>
                </div>
                <div class="container-btn container-btn-checked" data-navbar = "usePeople">
                    <img src="/Public/img/我要用人（导航栏）.svg">
                    <div>我要用人</div>
                </div>
                <div class="container-btn" data-navbar = "user">
                    <img src="/Public/img/个人中心.svg">
                    <div>个人中心</div>
                </div>
            </div>
        </nav>
    </div>

     
        <div class="content reward" style="display:none">

            <div class="last-title">请输入该职位赏金</div>
            <div class="last-text">
                当该职位录取完成,
                <div>我们将生成相应金额的支付订单</div>
            </div>
            <div class="num-show">
                
            </div>
            <form action="#">
                <input type="tel" class="reward-money" placeholder="不少于100元人民币" name="rewardMoney"></form>
            <div class="last-go">发布</div>

        </div>

    <div class="black dn" id="black" style="display: none;">
        <div id="backGround" class="background"></div>

        <div class="select dn list-group-11">
            <div class="sel-item sel-tit">
                <span>选择年薪范围</span>
                <div class="sel-close" id="selClose">
                    <img src="/Public/img/弹出框的关闭.svg"></div>
            </div>
            <div class="sel-list" id="group11">
                <a href="#" class="sel-item list-group-item-11" value="0"><span>15万以下</span></a>
                <a href="#" class="sel-item list-group-item-11" value="1"><span>15－30万</span></a>
                <a href="#" class="sel-item list-group-item-11" value="2"><span>30－60万</span></a>
                <a href="#" class="sel-item list-group-item-11" value="3"><span>60－100万</span></a>
                <a href="#" class="sel-item list-group-item-11" value="4"><span>100－150万</span></a>
                <a href="#" class="sel-item list-group-item-11" value="5"><span>150－200万</span></a>
                <a href="#" class="sel-item list-group-item-11" value="6"><span>200－300万</span></a>
                <a href="#" class="sel-item list-group-item-11" value="7"><span>300万以上</span></a>
            </div>
        </div>

        <div class="select dn list-group-12">
            <div class="sel-item sel-tit">
                <span>选择招募人数</span>
                <div class="sel-close" id="selClose">
                    <img src="/Public/img/弹出框的关闭.svg"></div>
            </div>
            <div class="sel-list" id="group12">
                <a href="#" value="0" class="sel-item list-group-item-12"><span>1－2人</span></a>
                <a href="#" value="1" class="sel-item list-group-item-12"><span>3－5人</span></a>
                <a href="#" value="2" class="sel-item list-group-item-12"><span>5－10人</span></a>
                <a href="#" value="3" class="sel-item list-group-item-12"><span>10-15人</span></a>
                <a href="#" value="4" class="sel-item list-group-item-12"><span>15－20人</span></a>
                <a href="#" value="5" class="sel-item list-group-item-12"><span>20人以上</span></a>
            </div>
        </div>

        <div class="select dn list-group-13">
            <div class="sel-item sel-tit">
                <span>选择学历要求：</span>
                <div class="sel-close" id="selClose">
                    <img src="/Public/img/弹出框的关闭.svg"></div>
            </div>
            <div class="sel-list" id="group13">
                <a href="#" value="0" class="sel-item list-group-item-13"><span>不限</span></a>
                <a href="#" value="1" class="sel-item list-group-item-13"><span>大专</span></a>
                <a href="#" value="2" class="sel-item list-group-item-13"><span>本科</span></a>
                <a href="#" value="3" class="sel-item list-group-item-13"><span>硕士</span></a>
                <a href="#" value="4" class="sel-item list-group-item-13"><span>博士</span></a>
                <a href="#" value="5" class="sel-item list-group-item-13"><span>其他</span></a>
            </div>
        </div>

        <div class="select dn list-group-14">
            <div class="sel-item sel-tit">
                <span>选择经验要求</span>
                <div class="sel-close" id="selClose">
                    <img src="/Public/img/弹出框的关闭.svg"></div>
            </div>
            <div class="sel-list" id="group14">
                <a href="#" value="0" class="sel-item list-group-item-14"><span>1－3年</span></a>
                <a href="#" value="1" class="sel-item list-group-item-14"><span>3－5年</span></a>
                <a href="#" value="2" class="sel-item list-group-item-14"><span>5－10年</span></a>
                <a href="#" value="3" class="sel-item list-group-item-14"><span>10年以上</span></a>
                <a href="#" value="4" class="sel-item list-group-item-14"><span>不限</span></a>
            </div>
        </div>
        <div class="select dn list-group-15">
            <div class="sel-item sel-tit">
                <span>选择任职类型</span>
                <div class="sel-close" id="selClose">
                    <img src="/Public/img/弹出框的关闭.svg"></div>
            </div>
            <div class="sel-list" id="group15">
                <a href="#" value="0" class="sel-item list-group-item-15"><span>自由职业</span></a>
                <a href="#" value="1" class="sel-item list-group-item-15"><span>全职</span></a>
                <a href="#" value="2" class="sel-item list-group-item-15"><span>兼职</span></a>
                <a href="#" value="3" class="sel-item list-group-item-15"><span>实习</span></a>
            </div>
        </div>

        <div class="select dn list-group-16">

            <div class="sel-item sel-tit">
                <span>请添加职位描述</span>
                <div class="sel-close" id="selClose">
                    <img id="tagDelete" src="/Public/img/弹出框的关闭.svg"></div>
            </div>

            <div class="sel-list" id="list">

                <div class="tag-box tagInfo" id="tagBox"></div>

                <div class="input-group form-group">
                    <input type="text" class="form-control add" placeholder="请输入标签文字">      
                    <span class="input-group-btn">
                        <button class="btn btn-default btn1" type="button">
                            <span class="glyphicon glyphicon-plus">
                            </span>
                            
                        </button>
                    </span>
                </div>
                <!-- /input-group -->    

                <div class="tag-info" id="tagInfo">
                    <div class="next-title">常用标签(
                    最多添加8个标签)</div>
                    <div class="btn-group">
                        <button type="button" class="btn btn-default">
                            汇报CEO
                            <span class="glyphicon glyphicon-plus"></span>
                        </button>
                    </div>
                    <div class="btn-group">
                        <button type="button" class="btn btn-default">
                            领导力
                            <span class="glyphicon glyphicon-plus"></span>
                        </button>
                    </div>
                    <div class="btn-group">
                        <button type="button" class="btn btn-default">
                            公允计量
                            <span class="glyphicon glyphicon-plus"></span>
                        </button>
                    </div>
                     <div class="btn-group">
                        <button type="button" class="btn btn-default">
                            前瞻思维
                            <span class="glyphicon glyphicon-plus"></span>
                        </button>
                    </div>
                    <div class="btn-group">
                        <button type="button" class="btn btn-default">
                            上市流程
                            <span class="glyphicon glyphicon-plus"></span>
                        </button>
                    </div>
                    <div class="btn-group">
                        <button type="button" class="btn btn-default">
                            创业情怀
                            <span class="glyphicon glyphicon-plus"></span>
                        </button>
                    </div>
                    <div class="btn-group">
                        <button type="button" class="btn btn-default">
                            协调政府
                            <span class="glyphicon glyphicon-plus"></span>
                        </button>
                    </div>
                     <div class="btn-group">
                        <button type="button" class="btn btn-default">
                            CPA
                            <span class="glyphicon glyphicon-plus"></span>
                        </button>
                    </div>
                    <div class="btn-group">
                        <button type="button" class="btn btn-default">
                            四大背景
                            <span class="glyphicon glyphicon-plus"></span>
                        </button>
                    </div>
                    <div class="btn-group">
                        <button type="button" class="btn btn-default">
                            US GAAP
                            <span class="glyphicon glyphicon-plus"></span>
                        </button>
                    </div>
                
                </div>
                <div class="last" id="last">确定</div>
            </div>
        </div>

    </div>
    </form>
    </body>
    <script type="text/javascript" src="/Public/js/type.js"></script>
    <script type="text/javascript">
        var jobDuty = new Array();

        $(".usePeople-save").on("click",function(){
            $(".userPeople").hide();
            $(".reward").show();
        })

        $(".last-go").on("click",function(){
            $("form").submit();
        });

        $(".container-btn").on("click",function(){
            window.location.href = "/addon/JianCai/JianCai/"+$(this).data('navbar')+".html";
        })
        $("#tagDelete,#last").on("click",function(){
            // console.log($(".tagsinput-primary button").text());
            console.log($(".tagsinput-primary button"));
            // $(".jobDuty").val(JSON.stringify($(".tagsinput-primary button").text()));
            for(var i = 0; i < $(".tagsinput-primary button").length; i++)
            {
                jobDuty[i] = $(".tagsinput-primary button")[i].innerText;
            }
            console.log(jobDuty);
            $(".jobDuty").val(jobDuty);
            
        })
        $(".btn-default").on("cilck",function(){
            console.log("click");
        })
        $(".reward-money").bind("input propertychange", function() {
            var selectText = $(".reward-money").val();
            $(".num-show").text("¥ "+fmoney(selectText,0));
        });

        // $(".reward-money").bind("propertychange", function() { 
        //     alert($(this).val()); 
        // });

        function fmoney(s, n) //s:传入的float数字 ，n:希望返回小数点几位 
        { 
            n = n > 0 && n <= 20 ? n : 2; 
            s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + ""; 
            var l = s.split(".")[0].split("").reverse(), 
            r = s.split(".")[1]; 
            t = ""; 
            for(i = 0; i < l.length; i ++ ) 
            { 
            t += l[i] + ((i + 1) % 3 == 0 && (i + 1) != l.length ? "," : ""); 
            } 
            return t.split("").reverse().join("") + "." + r;
            // return t.split("").reverse().join(""); 
        } 
        
        function check(msg, name){
            if (name == '') {
              $.tips({
                content: msg,
                stayTime: 2000,
                type: "warn"
              })
              return false;
            }else{
              return true;
            }
          }
        // check("adda",)

    </script>
    </html>